<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<title>宜兴华建亿博陶瓷有限公司官方网站</title>
<meta name="keywords" content="氧化铝陶瓷，氧化锆陶瓷，宜兴华建亿博陶瓷有限公司">
<meta name="description" content="宜兴华建亿博陶瓷有限公司成立至今着力发展特种陶瓷材料，陶瓷精加工，陶瓷异形件的研发制造，生产的氧化铝陶瓷系列，氧化锆陶瓷系列、氮化铝陶瓷系列，陶瓷管、陶瓷棒、陶瓷板、刚玉等工业陶瓷件产品，咨询订购热线：19895766557">
<meta name="author" content="www.adminbuy.cn K31" />
<link href="/skin/css/style.css" rel="stylesheet" type="text/css" />
<link href="/skin/css/media.css" rel="stylesheet" type="text/css">
<link href="/skin/css/reset.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="/skin/css/font-awesome.min.css">
<link rel="stylesheet" href="/skin/css/animate.min.css">
<link rel="stylesheet" type="text/css" href="/skin/css/idangerous.swiper.css">
<script type="text/javascript" src="/skin/js/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="/skin/js/idangerous.swiper.min.js"></script>
<script type="text/javascript" src="/skin/js/swiper.animate1.0.2.min.js"></script>
<script type="text/javascript" src="/skin/js/jquery.superslide.2.1.2.js"></script>
<script type="text/javascript" src="/skin/js/wow.min.js"></script>
<script type="text/javascript">
  $(function(){
     new WOW().init();
     $(".imgbox").hover(function(){
        $(this).find("img").eq(0).addClass("scale-1x");
    },function(){
        $(this).find("img").eq(0).removeClass("scale-1x");
    })});
</script>
</head>
<body>
<div class="smallest-screen"></div>
<div class="webmain">
  <div class="intop">
  <div class="content">
    <div class="fl">您好！欢迎访问宜兴华建亿博陶瓷有限公司官方网站！</div>
    <div class="clean"></div>
  </div>
</div>
<div class="header">
  <div class="content"> <a href="">
    <div class="logo"><img src="/static/upload/image/20211013/1634091766498735.png" alt="宜兴华建亿博陶瓷有限公司官方网站"></div>
    </a>
    <div class="title">特种陶瓷材料　陶瓷精加工　陶瓷异形件的研发制造<br/>
      氧化铝陶瓷系列　氧化锆陶瓷系列</div>
    <div class="nav_handle"><em class="middle_holder"></em><b class="middle"><i class="l_1"></i><i class="l_2"></i></b></div>
    <div class="phone">
      <div class="tit">联系方式</div>
      <i class="fa fa-phone"></i> 19895775527</div>
    <div class="clean"></div>
  </div>
</div>
<div class="inmuen">
  <div class="content">
    <ul>
          <li><a href="/" >网站首页</a></li>
      
      
      <li><a href="/guanyu/">关于我们</a></li>
      
      
      
      <li><a href="/lm2/">产品展示</a></li>
      
      
      
      <li><a href="/xinwen/">新闻资讯</a></li>
      
      
      
      <li><a href="/lianxi/">联系我们</a></li>
      
      
      <div class="clean"></div>
    </ul>
  </div>
</div>
  <div class="banner">
    <div class="swiper-wrapper"> 
      
      <div class="swiper-slide"><a href="#"><img alt="" src="/static/upload/image/20211013/1634093193829358.jpg"></a></div>
      
      <div class="swiper-slide"><a href="#"><img alt="" src="/static/upload/image/20211013/1634093207386807.jpg"></a></div>
      
      </div>
    <a class="banner-left" href="javascript:void(0);"><i class="fa fa-angle-left"></i></a> <a class="banner-right" href="javascript:void(0);"><i class="fa fa-angle-right"></i></a>
    <div class="pagination"></div>
  </div>
  
  
   <div class="inabout">
 <div class="content">
 
  <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">关于我们</div>
  <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">特种陶瓷材料，陶瓷精加工，陶瓷异形件的研发制造</div>
  
  <div class="nr wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
  <div style="text-align:left;"> 
  宜兴华建亿博陶瓷有限公司，位于风景秀美的太湖之滨江苏宜兴，公司成立至今着力发展特种陶瓷材料，陶瓷精加工，陶瓷异形件的研发制造，设计，注重产品质量科学管理，已初具规模，公司生产的等静压精加工异形件在业内取得认可，生产的氧化铝陶瓷系列，氧化锆陶瓷系列、氮化铝陶瓷系列，陶瓷管、陶瓷棒、陶瓷板、刚玉等工业陶瓷件产品；具有优良的综合性能，耐腐蚀，耐高温，绝缘等特性，产品广泛应用于新能源，航空航天，化工冶金，机械，电子，石化等行业。公司秉承精益求精的发展理念，诚信经营，勇于改变，欢迎广大新老客户来与本公司洽谈业务，合作发展，共创未来。...
  </div>
  </div>
  <a href="/guanyu/" class="more wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">查看详情+</a> </div>
 </div>

  <script type="text/javascript">
  		jQuery(".incase").slide({});
  	</script> 
  
  
  


  <div class="inpro">
    <div class="content">
      <div class="leftnav wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="lmtit">
          <div class="en">Products</div>
          <div class="cn">产品品种齐全</div>
        </div>

        
        <a href="/lm2/"><div class="tit">产品展示</div></a> 
        <a href="/jm1/" class="li">氧化铝陶瓷</a><a href="/jm2/" class="li">氧化锆陶瓷</a><a href="/jm3/" class="li">陶瓷精加工</a> 
         

      </div>
      
      <div class="right wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
           <a href="/jm2/291.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20250929/1759137424527530.jpg" alt="氧化锆内衬管、氧化锆半圆" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">氧化锆内衬管、氧化锆半圆</div>
          </li>
          </a> 
           <a href="/jm2/290.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20250808/1754616483773097.jpg" alt="氧化锆陶瓷撞针" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">氧化锆陶瓷撞针</div>
          </li>
          </a> 
           <a href="/jm1/289.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20230713/1689233904228917.jpg" alt="绝缘陶瓷棒" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">绝缘陶瓷棒</div>
          </li>
          </a> 
           <a href="/jm1/287.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20230713/1689233629947536.jpg" alt="99瓷管" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">99瓷管</div>
          </li>
          </a> 
           <a href="/jm1/286.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20230713/1689233497540026.jpg" alt="双孔陶瓷扁管" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">双孔陶瓷扁管</div>
          </li>
          </a> 
           <a href="/jm1/285.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20230713/1689233330872987.jpg" alt="陶瓷管" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">陶瓷管</div>
          </li>
          </a> 
           <a href="/jm1/284.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20230713/1689233088512363.jpg" alt="陶瓷管" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">陶瓷管</div>
          </li>
          </a> 
           <a href="/jm1/283.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20230713/1689232912679887.jpg" alt="陶瓷管" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">陶瓷管</div>
          </li>
          </a> 
           <a href="/jm1/282.html">
          <li>
            <div class="pic"><img src="/static/upload/image/20230713/1689232743960297.jpg" alt="99氧化铝瓷环" class="tupian" loadwidth="300" loadheight="250"></div>
            <div class="tit">99氧化铝瓷环</div>
          </li>
          </a> 
          
          <div class="clean"></div>
        </ul>
      </div>
      
      <div class="clean"></div>
    </div>
  </div>
  
  
  
    <div class="inyoushi">
    <div class="content">
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">选择我们的<span>4</span>个理由</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">产品具有优良的综合性能，耐腐蚀，耐高温，绝缘等特性。</div>
      <div class="nr">
        <div class="xian"></div>
        <div class="li li1 wz1">
          <div class="pic wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"><img src="/skin/images/ly1.jpg" alt="工匠精神，精益求精" class="tupian" loadwidth="580" loadheight="460"></div>
          <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">01</div>
          <div class="wz">
            <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">工匠精神，精益求精</div>
            <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
              现有技术人员均由多年实践制造经验。<br />
              欢迎广大客户光临公司指导！</div>
          </div>
          <div class="clean"></div>
        </div>
        <div class="li li2 wz2">
          <div class="pic wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><img src="/skin/images/ly2.jpg" alt="客户至上，贴心服务" class="tupian" loadwidth="580" loadheight="400"></div>
          <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">02</div>
          <div class="wz">
            <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">客户至上，贴心服务</div>
            <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">1年365天，1天24小时在线为您提供报价，咨询。</div>
          </div>
          <div class="clean"></div>
        </div>
        <div class="li li1 wz3">
          <div class="pic wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s"><img src="/skin/images/ly3.jpg" alt="高效生产，快速交货" class="tupian" loadwidth="580" loadheight="370"></div>
          <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">03</div>
          <div class="wz">
            <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">高效生产，快速交货</div>
            <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">按时保质保量完成交货任务。<br />
</div>
          </div>
          <div class="clean"></div>
        </div>
        <div class="li li2 wz4">
          <div class="pic wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s"><img src="/skin/images/ly4.jpg" alt="品质如生命，产品即人品" class="tupian" loadwidth="580" loadheight="395"></div>
          <div class="sz wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">04</div>
          <div class="wz">
            <div class="tit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">品质如生命，产品即人品</div>
            <div class="jj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">

              公司生产的等静压精加工异形件在业内取得认可。</div>
          </div>
          <div class="clean"></div>
        </div>
      </div>
    </div>
  </div>
  
  
  
  
  
  
   
  
  
    <div class="innews">
    <div class="content">
    
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">新闻资讯</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">传递前沿资讯 掌握行业动态</div>
      
      <div class="list wow fadeInLeft" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="zhichi">
          <div class="slmtit"><span>公司新闻 /</span>
            <div class="xian"></div>
            <a href="/jm1/">更多+</a></div>
        </div>
        <div class="inque inque1">
          <div class="nr">
            <ul>
              
              <li>
                <div class="tit"><span>+</span><a href="/gongsi/154.html">氧化铝陶瓷是什么材料？</a></div>
                <div class="jj">氧化铝陶瓷是一种以氧化铝（Al₂O₃）为主体的陶瓷材料，根据其氧化铝纯度可以分为高纯型和普通型两种，用途也各有不同。高纯型氧化铝陶瓷指Al₂O₃含量在99．9%以上的陶瓷材料，由于其烧结温度高达1700℃，透射波长为1～6μm，一般制成熔融玻璃以取代铂坩埚；利用其透光性及可耐碱金属腐蚀性用作钠灯管；在电子工业中可用作...<a href="/gongsi/154.html">【详细】</a></div>
              </li>
              
              <li>
                <div class="tit"><span>+</span><a href="/gongsi/153.html">为什么氧化铝陶瓷适用于医疗领域？</a></div>
                <div class="jj">为什么氧化铝陶瓷能够适用于医疗领域呢？归根结底，这与氧化铝陶瓷的性能特点密不可分。1、耐磨性氧化铝陶瓷具有非常好的耐磨性，它适合制成长时间使用的机器零件。2、不变形氧化铝陶瓷是一种研制精密零件的**材料，它具备极佳的抗弯强度和抗压强度，不易损坏。3、易清洗氧化铝陶瓷表面光滑，不容易黏附杂质，而且很容易清...<a href="/gongsi/153.html">【详细】</a></div>
              </li>
              
            </ul>
          </div>
        </div>
         <script type="text/javascript">
  					$(".inque1 .nr ul li").click(function(){
  						$(".inque1 .nr ul li").removeClass("on");
  						$(".inque1 .nr ul li").find(".tit span").html("+");
  						$(this).addClass("on");
  						$(this).find(".tit span").html("-");
						
  					});
					$(function(){
						$('.inque1 li').first().addClass('on').find(".tit span").html("-");
					})
  				</script> 
      </div>
      <div class="right wow fadeInRight" data-wow-duration="1s" data-wow-delay="0.5s">
        <div class="zhichi">
          <div class="slmtit"><span>行业新闻 /</span>
            <div class="xian"></div>
            <a href="/jm1/">更多+</a></div>
        </div>
        <div class="inque inque2">
          <div class="nr">
            <ul>
              
              <li>
                <div class="tit"><span>+</span><a href="/jishu/156.html">氧化铝陶瓷，一种高性能的工业陶瓷材料</a></div>
                <div class="jj">在当今的工业生产中，我们经常会遇到一些极端的环境，比如高温、高压、强酸强碱、高电流等。这些环境对于普通的金属或塑料材料来说，是非常具有挑战性的，容易造成损坏或失效。那么，有没有一种材料，能够在这些恶劣的条件下保持稳定的性能呢？答案是有的，那就是氧化铝陶瓷。氧化铝陶瓷是一种以氧化铝（Al2O3）为主要成分的...<a href="/jishu/156.html">【详细】</a></div>
              </li>
              
              <li>
                <div class="tit"><span>+</span><a href="/jishu/155.html">耐高温氧化铝陶瓷刚玉管生产厂推荐用哪种材质？</a></div>
                <div class="jj">虽说陶瓷管的材质都是氧化铝，但由于生产工艺的不同，又可以分为陶瓷贴片耐磨管、烧结陶瓷耐磨管和陶瓷环耐磨管，也正是此原因，三种材质的陶瓷管在特性上也略有差异。那如果需要耐高温的话，耐高温氧化铝陶瓷刚玉管生产厂推荐用哪种材质呢？首先要明确的是耐高温具体是耐多少度温度，如果工况温度低于250℃的，耐高温氧化铝...<a href="/jishu/155.html">【详细】</a></div>
              </li>
              
            </ul>
          </div>
        </div>
        <script type="text/javascript">
  					$(".inque2 .nr ul li").click(function(){
  						$(".inque2 .nr ul li").removeClass("on");
  						$(".inque2 .nr ul li").find(".tit span").html("+");
  						$(this).addClass("on");
  						$(this).find(".tit span").html("-");
  					});
					$(function(){
						$('.inque2 li').first().addClass('on').find(".tit span").html("-");
					})
  				</script> 
      </div>
      <div class="clean"></div>
    </div>
  </div>
  
  
  

     <div class="injiagong">
    <div class="content">
      
      <div class="lmtit wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">应用行业</div>
      <div class="lmjj wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s"></div>
      
      <div class="bd wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.5s">
        <ul>
          
          <li><a href="/anli/216.html">
            <div class="li">
              <div class="pic"><img alt="新能源行业" src="/static/upload/image/20230522/1684718145549160.jpg" class="tupian" loadwidth="310"></div>
              <div class="wz">
                <div class="tit">新能源行业</div>
                <div class="jj"></div>
              </div>
            </div>
            </a></li>
          
          <li><a href="/anli/215.html">
            <div class="li">
              <div class="pic"><img alt="电子行业" src="/static/upload/image/20230522/1684717988882702.jpg" class="tupian" loadwidth="310"></div>
              <div class="wz">
                <div class="tit">电子行业</div>
                <div class="jj"></div>
              </div>
            </div>
            </a></li>
          
          <li><a href="/anli/214.html">
            <div class="li">
              <div class="pic"><img alt="机械行业" src="/static/upload/image/20230522/1684717917611570.jpg" class="tupian" loadwidth="310"></div>
              <div class="wz">
                <div class="tit">机械行业</div>
                <div class="jj"></div>
              </div>
            </div>
            </a></li>
          
          <li><a href="/anli/213.html">
            <div class="li">
              <div class="pic"><img alt="化工冶金" src="/static/upload/image/20230522/1684717814512461.jpg" class="tupian" loadwidth="310"></div>
              <div class="wz">
                <div class="tit">化工冶金</div>
                <div class="jj"></div>
              </div>
            </div>
            </a></li>
          
          <li><a href="/anli/125.html">
            <div class="li">
              <div class="pic"><img alt="航空航天" src="/static/upload/image/20230522/1684717668311474.jpg" class="tupian" loadwidth="310"></div>
              <div class="wz">
                <div class="tit">航空航天</div>
                <div class="jj"></div>
              </div>
            </div>
            </a></li>
          
        </ul>
      </div>
      <div class="clean"></div>
    </div>
  </div>
  
  <script type="text/javascript">
  		if ($(window).width() <=850) { var nynavgs= 2 }else{ var nynavgs= 4 }
  		jQuery(".injiagong").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"leftLoop",autoPlay:true,vis:nynavgs});
  	</script>








  
 
  <div class="footer">
  <div class="content"> 
    
     <div class="fnav">
      <div class="tit">关于我们</div>
       <a href="/jieshao/">公司介绍</a> </div>
     
     <div class="fnav">
      <div class="tit">产品展示</div>
       <a href="/jm1/">氧化铝陶瓷</a> <a href="/jm2/">氧化锆陶瓷</a> <a href="/jm3/">陶瓷精加工</a> </div>
     
     <div class="fnav">
      <div class="tit">新闻资讯</div>
       <a href="/gongsi/">公司新闻</a> <a href="/jishu/">行业新闻</a> </div>
     
     <div class="fnav">
      <div class="tit">联系我们</div>
       <a href="/wenhua/">联系我们</a> </div>
     
 
    <div class="fcon">
      <div class="tit">联络我们</div>
      <div class="nr"> 
        <i class="fa fa-phone-square"></i>手机：19895775527<br/>
        <i class="fa fa-envelope"></i>Email: 524057125@qq.com<br/>
      </div>
    </div>
    <div class="clean"></div>
  </div>
  <div class="banq">
    <div class="content foota"> 
      <div align="center">Copyright © 宜兴华建亿博陶瓷有限公司&nbsp;<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">苏ICP备2021047463号-2</a>&nbsp;&nbsp;专业生产氧化铝陶瓷系列，氧化锆陶瓷系列、氮化铝陶瓷系列，陶瓷管、陶瓷棒、陶瓷板等工业陶瓷件产品，欢迎来函来电垂询洽谈！ <br>
          <a href="https://beian.mps.gov.cn/#/query/webSearch?code=32028202233560" rel="noreferrer" target="_blank"><img src="../../../1B78B4EC62395E9D017FDD0D4465AB18.png" width="20" height="20">苏公网安备32028202233560号</a></div>
    </div>
  </div>
</div>
<div class="Bottomerkg"></div>
<div class="Bottomer">
  <nav class="BottomList">
    <ul>
      <li><a href=""><img src="/skin/images/bottom-home.png"></a><span>首页</span></li>
      
      <li><a href="/guanyu/"><img src="/skin/images/bottom-about.png"></a><span>关于我们</span></li>
      
      <li><a href="tel:19895775527"><img src="/skin/images/bottom-phone.png"></a><span>拨打电话</span></li>
      <li><a href="http://www.yxhjyb.com/lianxi/"><img src="/skin/images/bottom-qq.png"></a><span>联系我们</span></li>
    </ul>
  </nav>
</div>
<script data-cfasync="false" src="/skin/js/email-decode.min.js"></script> 
<script type="text/javascript" src="/skin/js/web.js"></script> 
<script type="text/javascript" src="/skin/js/jquery.waypoints.min.js"></script> 
<script type="text/javascript" src="/skin/js/jquery.countup.min.js"></script> 
<script type="text/javascript">
    	$('.timer').countUp();
    </script>
<style type="text/css">
.client-2{position:fixed;right:-170px;bottom:20%;z-index:900}
.client-2 li a{text-decoration:none}
.client-2 li{margin-top:1px;clear:both;height:62px;position:relative}
.client-2 li i{background:url(/skin/images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center}
.client-2 li p{height:20px;font-size:12px;line-height:20px;overflow:hidden;text-align:center;color:#fff}
.client-2 .my-kefu-qq i{background-position:4px 5px}
.client-2 .my-kefu-tel i{background-position:0 -21px}
.client-2 .my-kefu-liuyan i{background-position:4px -53px}
.client-2 .my-kefu-weixin i{background-position:-34px 4px}
.client-2 .my-kefu-weibo i{background-position:-30px -22px}
.client-2 .my-kefu-ftop{display:none}
.client-2 .my-kefu-ftop i{width:33px;height:31px;background-position:-23px -47px;background-size:52px 82px}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top:6px}
.client-2 .my-kefu-left{float:left;width:62px;height:47px;position:relative}
.client-2 .my-kefu-tel-right{font-size:14px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px}
.client-2 .my-kefu-right{width:20px}
.client-2 .my-kefu-tel-main{background:#03a3e6;color:#fff;height:53px;width:230px;padding:9px 0 0;float:left}
.client-2 .my-kefu-main{background:#03a3e6;width:97px;height:53px;position:relative;padding:9px 0 0;float:left}
.client-2 .my-kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333}
.my-kefu-weixin-pic img{width:115px;height:115px}
</style>
<div class="client-2">
  <ul id="client-2">
    <li class="my-kefu-tel">
      <div class="my-kefu-tel-main">
        <div class="my-kefu-left"> <i></i>
          <p> 服务热线 </p>
        </div>
        <div class="my-kefu-tel-right" phone400="">19895775527</div>
      </div>
    </li>

    <li class="my-kefu-weixin">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a class="online-contact-btn"> <i></i>
          <p>微信</p>
          </a> </div>
        <div class="my-kefu-right"></div>
        <div class="my-kefu-weixin-pic"><img src="/static/upload/image/20211013/1634093046181110.png"></div>
      </div>
    </li>
    <li class="my-kefu-ftop">
      <div class="my-kefu-main">
        <div class="my-kefu-left"> <a href="javascript:;"> <i></i>
          <p> 返回顶部 </p>
          </a> </div>
        <div class="my-kefu-right"> </div>
      </div>
    </li>
  </ul>
</div>
<script type="text/javascript">
$(function() {
	var time;
	$('.client-2').css({
		'marginTop': -($('.client-2').height() / 2)
	});
	$('#client-2 li').on({
		'mouseenter': function() {
			var scope = this;
			time = setTimeout(function() {
				var divDom = $(scope).children('div');
				var maxWidth = divDom.width();
				$(scope).stop().animate({
					left: 77 - maxWidth
				}, 'normal', function() {
					var pic = $(scope).find('.my-kefu-weixin-pic');
					if (pic.length > 0) {
						pic.show()
					}
				})
			}, 100)
		},
		'mouseleave': function() {
			var pic = $(this).find('.my-kefu-weixin-pic');
			var divDom = $(this).children('div');
			var maxWidth = divDom.width();
			if (pic.length > 0) {
				pic.hide()
			}
			clearTimeout(time);
			var divDom = $(this).children('div');
			$(this).stop().animate({
				left: 0
			}, "normal", function() {})
		}
	});
	$(window).scroll(function() {
		var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
		var eltop = $("#client-2").find(".my-kefu-ftop");
		if (scrollTop > 0) {
			eltop.show()
		} else {
			eltop.hide()
		}
	});
	$("#client-2").find(".my-kefu-ftop").click(function() {
		var scrollTop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
		if (scrollTop > 0) {
			$("html,body").animate({
				scrollTop: 0
			}, "slow")
		}
	})
});
</script>  </div>
</body>
</html>